<!DOCTYPE html><!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--><!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--><!--[if !IE]><!--> <html lang="en"> <!--<![endif]--><!-- BEGIN HEAD --><head>	<meta charset="utf-8" />	<title>Metronic | Extra - User Profile</title>	<meta content="width=device-width, initial-scale=1.0" name="viewport" />	<meta content="" name="description" />	<meta content="" name="author" />	<!-- BEGIN GLOBAL MANDATORY STYLES -->	<link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>	<link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>	<link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>	<link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>	<link href="media/css/style.css" rel="stylesheet" type="text/css"/>	<link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>	<link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>	<link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>	<!-- END GLOBAL MANDATORY STYLES -->	<!-- BEGIN PAGE LEVEL STYLES -->	<link href="media/css/bootstrap-fileupload.css" rel="stylesheet" type="text/css" />	<link href="media/css/chosen.css" rel="stylesheet" type="text/css" />	<link href="media/css/profile.css" rel="stylesheet" type="text/css" />	<!-- END PAGE LEVEL STYLES -->	<link rel="shortcut icon" href="media/image/favicon.ico" /></head><!-- END HEAD --><!-- BEGIN BODY --><body class="page-header-fixed">	<!-- BEGIN HEADER -->	<div class="header navbar navbar-inverse navbar-fixed-top">		<!-- BEGIN TOP NAVIGATION BAR -->		<div class="navbar-inner">			<div class="container-fluid">				<!-- BEGIN LOGO -->				<a class="brand" href="index.html">				<img src="media/image/logo.png" alt="logo" />				</a>				<!-- END LOGO -->				<!-- BEGIN RESPONSIVE MENU TOGGLER -->				<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">				<img src="media/image/menu-toggler.png" alt="" />				</a>          				<!-- END RESPONSIVE MENU TOGGLER -->            				<!-- BEGIN TOP NAVIGATION MENU -->              				<ul class="nav pull-right">					<!-- BEGIN NOTIFICATION DROPDOWN -->   					<li class="dropdown" id="header_notification_bar">						<a href="#" class="dropdown-toggle" data-toggle="dropdown">						<i class="icon-warning-sign"></i>						<span class="badge">6</span>						</a>						<ul class="dropdown-menu extended notification">							<li>								<p>You have 14 new notifications</p>							</li>							<li>								<a href="#">								<span class="label label-success"><i class="icon-plus"></i></span>								New user registered. 								<span class="time">Just now</span>								</a>							</li>							<li>								<a href="#">								<span class="label label-important"><i class="icon-bolt"></i></span>								Server #12 overloaded. 								<span class="time">15 mins</span>								</a>							</li>							<li>								<a href="#">								<span class="label label-warning"><i class="icon-bell"></i></span>								Server #2 not respoding.								<span class="time">22 mins</span>								</a>							</li>							<li>								<a href="#">								<span class="label label-info"><i class="icon-bullhorn"></i></span>								Application error.								<span class="time">40 mins</span>								</a>							</li>							<li>								<a href="#">								<span class="label label-important"><i class="icon-bolt"></i></span>								Database overloaded 68%. 								<span class="time">2 hrs</span>								</a>							</li>							<li>								<a href="#">								<span class="label label-important"><i class="icon-bolt"></i></span>								2 user IP blocked.								<span class="time">5 hrs</span>								</a>							</li>							<li class="external">								<a href="#">See all notifications <i class="m-icon-swapright"></i></a>							</li>						</ul>					</li>					<!-- END NOTIFICATION DROPDOWN -->					<!-- BEGIN INBOX DROPDOWN -->					<li class="dropdown" id="header_inbox_bar">						<a href="#" class="dropdown-toggle" data-toggle="dropdown">						<i class="icon-envelope"></i>						<span class="badge">5</span>						</a>						<ul class="dropdown-menu extended inbox">							<li>								<p>You have 12 new messages</p>							</li>							<li>								<a href="inbox.html?a=view">								<span class="photo"><img src="media/image/avatar2.jpg" alt="" /></span>								<span class="subject">								<span class="from">Lisa Wong</span>								<span class="time">Just Now</span>								</span>								<span class="message">								Vivamus sed auctor nibh congue nibh. auctor nibh								auctor nibh...								</span>  								</a>							</li>							<li>								<a href="inbox.html?a=view">								<span class="photo"><img src="media/image/avatar3.jpg" alt="" /></span>								<span class="subject">								<span class="from">Richard Doe</span>								<span class="time">16 mins</span>								</span>								<span class="message">								Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh								auctor nibh...								</span>  								</a>							</li>							<li>								<a href="inbox.html?a=view">								<span class="photo"><img src="media/image/avatar1.jpg" alt="" /></span>								<span class="subject">								<span class="from">Bob Nilson</span>								<span class="time">2 hrs</span>								</span>								<span class="message">								Vivamus sed nibh auctor nibh congue nibh. auctor nibh								auctor nibh...								</span>  								</a>							</li>							<li class="external">								<a href="inbox.html">See all messages <i class="m-icon-swapright"></i></a>							</li>						</ul>					</li>					<!-- END INBOX DROPDOWN -->					<!-- BEGIN TODO DROPDOWN -->					<li class="dropdown" id="header_task_bar">						<a href="#" class="dropdown-toggle" data-toggle="dropdown">						<i class="icon-tasks"></i>						<span class="badge">5</span>						</a>						<ul class="dropdown-menu extended tasks">							<li>								<p>You have 12 pending tasks</p>							</li>							<li>								<a href="#">								<span class="task">								<span class="desc">New release v1.2</span>								<span class="percent">30%</span>								</span>								<span class="progress progress-success ">								<span style="width: 30%;" class="bar"></span>								</span>								</a>							</li>							<li>								<a href="#">								<span class="task">								<span class="desc">Application deployment</span>								<span class="percent">65%</span>								</span>								<span class="progress progress-danger progress-striped active">								<span style="width: 65%;" class="bar"></span>								</span>								</a>							</li>							<li>								<a href="#">								<span class="task">								<span class="desc">Mobile app release</span>								<span class="percent">98%</span>								</span>								<span class="progress progress-success">								<span style="width: 98%;" class="bar"></span>								</span>								</a>							</li>							<li>								<a href="#">								<span class="task">								<span class="desc">Database migration</span>								<span class="percent">10%</span>								</span>								<span class="progress progress-warning progress-striped">								<span style="width: 10%;" class="bar"></span>								</span>								</a>							</li>							<li>								<a href="#">								<span class="task">								<span class="desc">Web server upgrade</span>								<span class="percent">58%</span>								</span>								<span class="progress progress-info">								<span style="width: 58%;" class="bar"></span>								</span>								</a>							</li>							<li>								<a href="#">								<span class="task">								<span class="desc">Mobile development</span>								<span class="percent">85%</span>								</span>								<span class="progress progress-success">								<span style="width: 85%;" class="bar"></span>								</span>								</a>							</li>							<li class="external">								<a href="#">See all tasks <i class="m-icon-swapright"></i></a>							</li>						</ul>					</li>					<!-- END TODO DROPDOWN -->					<!-- BEGIN USER LOGIN DROPDOWN -->					<li class="dropdown user">						<a href="#" class="dropdown-toggle" data-toggle="dropdown">						<img alt="" src="media/image/avatar1_small.jpg" />						<span class="username">Bob Nilson</span>						<i class="icon-angle-down"></i>						</a>						<ul class="dropdown-menu">							<li><a href="extra_profile.html"><i class="icon-user"></i> My Profile</a></li>							<li><a href="page_calendar.html"><i class="icon-calendar"></i> My Calendar</a></li>							<li><a href="inbox.html"><i class="icon-envelope"></i> My Inbox(3)</a></li>							<li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>							<li class="divider"></li>							<li><a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen</a></li>							<li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>						</ul>					</li>					<!-- END USER LOGIN DROPDOWN -->				</ul>				<!-- END TOP NAVIGATION MENU --> 			</div>		</div>		<!-- END TOP NAVIGATION BAR -->	</div>	<!-- END HEADER -->	<!-- BEGIN CONTAINER -->   	<div class="page-container row-fluid">		<!-- BEGIN SIDEBAR -->		<div class="page-sidebar nav-collapse collapse">			<!-- BEGIN SIDEBAR MENU -->        			<ul class="page-sidebar-menu">				<li>					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->					<div class="sidebar-toggler hidden-phone"></div>					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->				</li>				<li>					<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->					<form class="sidebar-search">						<div class="input-box">							<a href="javascript:;" class="remove"></a>							<input type="text" placeholder="Search..." />							<input type="button" class="submit" value=" " />						</div>					</form>					<!-- END RESPONSIVE QUICK SEARCH FORM -->				</li>				<li class="start ">					<a href="index.html">					<i class="icon-home"></i> 					<span class="title">Dashboard</span>					</a>				</li>				<li class="">					<a href="javascript:;">					<i class="icon-cogs"></i> 					<span class="title">Layouts</span>					<span class="arrow "></span>					</a>					<ul class="sub-menu">						<li >							<a href="layout_horizontal_sidebar_menu.html">							Horzontal & Sidebar Menu</a>						</li>						<li >							<a href="layout_horizontal_menu1.html">							Horzontal Menu 1</a>						</li>						<li >							<a href="layout_horizontal_menu2.html">							Horzontal Menu 2</a>						</li>						<li >							<a href="layout_promo.html">							Promo Page</a>						</li>						<li >							<a href="layout_email.html">							Email Templates</a>						</li>						<li >							<a href="layout_ajax.html">							Content Loading via Ajax</a>						</li>						<li >							<a href="layout_sidebar_closed.html">							Sidebar Closed Page</a>						</li>						<li >							<a href="layout_blank_page.html">							Blank Page</a>						</li>						<li >							<a href="layout_boxed_page.html">							Boxed Page</a>						</li>						<li >							<a href="layout_boxed_not_responsive.html">							Non-Responsive Boxed Layout</a>						</li>					</ul>				</li>				<li class="">					<a href="javascript:;">					<i class="icon-bookmark-empty"></i> 					<span class="title">UI Features</span>					<span class="arrow "></span>					</a>					<ul class="sub-menu">						<li >							<a href="ui_general.html">							General</a>						</li>						<li >							<a href="ui_buttons.html">							Buttons</a>						</li>						<li >							<a href="ui_modals.html">							Enhanced Modals</a>						</li>						<li >							<a href="ui_tabs_accordions.html">							Tabs & Accordions</a>						</li>						<li >							<a href="ui_jqueryui.html">							jQuery UI Components</a>						</li>						<li >							<a href="ui_sliders.html">							Sliders</a>						</li>						<li >							<a href="ui_tiles.html">							Tiles</a>						</li>						<li >							<a href="ui_typography.html">							Typography</a>						</li>						<li >							<a href="ui_tree.html">							Tree View</a>						</li>						<li >							<a href="ui_nestable.html">							Nestable List</a>						</li>					</ul>				</li>				<li class="">					<a href="javascript:;">					<i class="icon-table"></i> 					<span class="title">Form Stuff</span>					<span class="arrow "></span>					</a>					<ul class="sub-menu">						<li >							<a href="form_layout.html">							Form Layouts</a>						</li>						<li >							<a href="form_samples.html">							Advance Form Samples</a>						</li>						<li >							<a href="form_component.html">							Form Components</a>						</li>						<li >							<a href="form_wizard.html">							Form Wizard</a>						</li>						<li >							<a href="form_validation.html">							Form Validation</a>						</li>						<li >							<a href="form_fileupload.html">							Multiple File Upload</a>						</li>						<li >							<a href="form_dropzone.html">							Dropzone File Upload</a>						</li>					</ul>				</li>				<li class="">					<a href="javascript:;">					<i class="icon-briefcase"></i> 					<span class="title">Pages</span>					<span class="arrow "></span>					</a>					<ul class="sub-menu">						<li >							<a href="page_timeline.html">							<i class="icon-time"></i>							Timeline</a>						</li>						<li >							<a href="page_coming_soon.html">							<i class="icon-cogs"></i>							Coming Soon</a>						</li>						<li >							<a href="page_blog.html">							<i class="icon-comments"></i>							Blog</a>						</li>						<li >							<a href="page_blog_item.html">							<i class="icon-font"></i>							Blog Post</a>						</li>						<li >							<a href="page_news.html">							<i class="icon-coffee"></i>							News</a>						</li>						<li >							<a href="page_news_item.html">							<i class="icon-bell"></i>							News View</a>						</li>						<li >							<a href="page_about.html">							<i class="icon-group"></i>							About Us</a>						</li>						<li >							<a href="page_contact.html">							<i class="icon-envelope-alt"></i>							Contact Us</a>						</li>						<li >							<a href="page_calendar.html">							<i class="icon-calendar"></i>							Calendar</a>						</li>					</ul>				</li>				<li class="active ">					<a href="javascript:;">					<i class="icon-gift"></i> 					<span class="title">Extra</span>					<span class="selected"></span>					<span class="arrow open"></span>					</a>					<ul class="sub-menu">						<li class="active">							<a href="extra_profile.html">							User Profile</a>						</li>						<li >							<a href="extra_lock.html">							Lock Screen</a>						</li>						<li >							<a href="extra_faq.html">							FAQ</a>						</li>						<li >							<a href="inbox.html">							Inbox</a>						</li>						<li >							<a href="extra_search.html">							Search Results</a>						</li>						<li >							<a href="extra_invoice.html">							Invoice</a>						</li>						<li >							<a href="extra_pricing_table.html">							Pricing Tables</a>						</li>						<li >							<a href="extra_image_manager.html">							Image Manager</a>						</li>						<li >							<a href="extra_404_option1.html">							404 Page Option 1</a>						</li>						<li >							<a href="404.html">							404 Page Option 2</a>						</li>						<li >							<a href="extra_404_option3.html">							404 Page Option 3</a>						</li>						<li >							<a href="extra_500_option1.html">							500 Page Option 1</a>						</li>						<li >							<a href="500.html">							500 Page Option 2</a>						</li>					</ul>				</li>				<li>					<a class="active" href="javascript:;">					<i class="icon-sitemap"></i> 					<span class="title">3 Level Menu</span>					<span class="arrow "></span>					</a>					<ul class="sub-menu">						<li>							<a href="javascript:;">							Item 1							<span class="arrow"></span>							</a>							<ul class="sub-menu">								<li><a href="#">Sample Link 1</a></li>								<li><a href="#">Sample Link 2</a></li>								<li><a href="#">Sample Link 3</a></li>							</ul>						</li>						<li>							<a href="javascript:;">							Item 1							<span class="arrow"></span>							</a>							<ul class="sub-menu">								<li><a href="#">Sample Link 1</a></li>								<li><a href="#">Sample Link 1</a></li>								<li><a href="#">Sample Link 1</a></li>							</ul>						</li>						<li>							<a href="#">							Item 3							</a>						</li>					</ul>				</li>				<li>					<a href="javascript:;">					<i class="icon-folder-open"></i> 					<span class="title">4 Level Menu</span>					<span class="arrow "></span>					</a>					<ul class="sub-menu">						<li>							<a href="javascript:;">							<i class="icon-cogs"></i> 							Item 1							<span class="arrow"></span>							</a>							<ul class="sub-menu">								<li>									<a href="javascript:;">									<i class="icon-user"></i>									Sample Link 1									<span class="arrow"></span>									</a>									<ul class="sub-menu">										<li><a href="#"><i class="icon-remove"></i> Sample Link 1</a></li>										<li><a href="#"><i class="icon-pencil"></i> Sample Link 1</a></li>										<li><a href="#"><i class="icon-edit"></i> Sample Link 1</a></li>									</ul>								</li>								<li><a href="#"><i class="icon-user"></i>  Sample Link 1</a></li>								<li><a href="#"><i class="icon-external-link"></i>  Sample Link 2</a></li>								<li><a href="#"><i class="icon-bell"></i>  Sample Link 3</a></li>							</ul>						</li>						<li>							<a href="javascript:;">							<i class="icon-globe"></i> 							Item 2							<span class="arrow"></span>							</a>							<ul class="sub-menu">								<li><a href="#"><i class="icon-user"></i>  Sample Link 1</a></li>								<li><a href="#"><i class="icon-external-link"></i>  Sample Link 1</a></li>								<li><a href="#"><i class="icon-bell"></i>  Sample Link 1</a></li>							</ul>						</li>						<li>							<a href="#">							<i class="icon-folder-open"></i>							Item 3							</a>						</li>					</ul>				</li>				<li class="">					<a href="javascript:;">					<i class="icon-user"></i> 					<span class="title">Login Options</span>					<span class="arrow "></span>					</a>					<ul class="sub-menu">						<li >							<a href="login.html">							Login Form 1</a>						</li>						<li >							<a href="login_soft.html">							Login Form 2</a>						</li>					</ul>				</li>				<li class="">					<a href="javascript:;">					<i class="icon-th"></i> 					<span class="title">Data Tables</span>					<span class="arrow "></span>					</a>					<ul class="sub-menu">						<li >							<a href="table_basic.html">							Basic Tables</a>						</li>						<li >							<a href="table_responsive.html">							Responsive Tables</a>						</li>						<li >							<a href="table_managed.html">							Managed Tables</a>						</li>						<li >							<a href="table_editable.html">							Editable Tables</a>						</li>						<li >							<a href="table_advanced.html">							Advanced Tables</a>						</li>					</ul>				</li>				<li class="">					<a href="javascript:;">					<i class="icon-file-text"></i> 					<span class="title">Portlets</span>					<span class="arrow "></span>					</a>					<ul class="sub-menu">						<li >							<a href="portlet_general.html">							General Portlets</a>						</li>						<li >							<a href="portlet_draggable.html">							Draggable Portlets</a>						</li>					</ul>				</li>				<li class="">					<a href="javascript:;">					<i class="icon-map-marker"></i> 					<span class="title">Maps</span>					<span class="arrow "></span>					</a>					<ul class="sub-menu">						<li >							<a href="maps_google.html">							Google Maps</a>						</li>						<li >							<a href="maps_vector.html">							Vector Maps</a>						</li>					</ul>				</li>				<li class="last ">					<a href="charts.html">					<i class="icon-bar-chart"></i> 					<span class="title">Visual Charts</span>					</a>				</li>			</ul>			<!-- END SIDEBAR MENU -->		</div>		<!-- END SIDEBAR -->		<!-- BEGIN PAGE -->		<div class="page-content">			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->			<div id="portlet-config" class="modal hide">				<div class="modal-header">					<button data-dismiss="modal" class="close" type="button"></button>					<h3>portlet Settings</h3>				</div>				<div class="modal-body">					<p>Here will be a configuration form</p>				</div>			</div>			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->			<!-- BEGIN PAGE CONTAINER-->			<div class="container-fluid">				<!-- BEGIN PAGE HEADER-->				<div class="row-fluid">					<div class="span12">						<!-- BEGIN STYLE CUSTOMIZER -->						<div class="color-panel hidden-phone">							<div class="color-mode-icons icon-color"></div>							<div class="color-mode-icons icon-color-close"></div>							<div class="color-mode">								<p>THEME COLOR</p>								<ul class="inline">									<li class="color-black current color-default" data-style="default"></li>									<li class="color-blue" data-style="blue"></li>									<li class="color-brown" data-style="brown"></li>									<li class="color-purple" data-style="purple"></li>									<li class="color-grey" data-style="grey"></li>									<li class="color-white color-light" data-style="light"></li>								</ul>								<label>									<span>Layout</span>									<select class="layout-option m-wrap small">										<option value="fluid" selected>Fluid</option>										<option value="boxed">Boxed</option>									</select>								</label>								<label>									<span>Header</span>									<select class="header-option m-wrap small">										<option value="fixed" selected>Fixed</option>										<option value="default">Default</option>									</select>								</label>								<label>									<span>Sidebar</span>									<select class="sidebar-option m-wrap small">										<option value="fixed">Fixed</option>										<option value="default" selected>Default</option>									</select>								</label>								<label>									<span>Footer</span>									<select class="footer-option m-wrap small">										<option value="fixed">Fixed</option>										<option value="default" selected>Default</option>									</select>								</label>							</div>						</div>						<!-- END BEGIN STYLE CUSTOMIZER --> 						<!-- BEGIN PAGE TITLE & BREADCRUMB-->						<h3 class="page-title">							User Profile <small>user profile sample</small>						</h3>						<ul class="breadcrumb">							<li>								<i class="icon-home"></i>								<a href="index.html">Home</a> 								<i class="icon-angle-right"></i>							</li>							<li>								<a href="#">Extra</a>								<i class="icon-angle-right"></i>							</li>							<li><a href="#">User Profile</a></li>						</ul>						<!-- END PAGE TITLE & BREADCRUMB-->					</div>				</div>				<!-- END PAGE HEADER-->				<!-- BEGIN PAGE CONTENT-->				<div class="row-fluid profile">					<div class="span12">						<!--BEGIN TABS-->						<div class="tabbable tabbable-custom tabbable-full-width">							<ul class="nav nav-tabs">								<li class="active"><a href="#tab_1_1" data-toggle="tab">Overview</a></li>								<li><a href="#tab_1_2" data-toggle="tab">Profile Info</a></li>								<li><a href="#tab_1_3" data-toggle="tab">Account</a></li>								<li><a href="#tab_1_4" data-toggle="tab">Projects</a></li>								<li><a href="#tab_1_6" data-toggle="tab">Help</a></li>							</ul>							<div class="tab-content">								<div class="tab-pane row-fluid active" id="tab_1_1">									<ul class="unstyled profile-nav span3">										<li><img src="media/image/profile-img.png" alt="" /> <a href="#" class="profile-edit">edit</a></li>										<li><a href="#">Projects</a></li>										<li><a href="#">Messages <span>3</span></a></li>										<li><a href="#">Friends</a></li>										<li><a href="#">Settings</a></li>									</ul>									<div class="span9">										<div class="row-fluid">											<div class="span8 profile-info">												<h1>John Doe</h1>												<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt laoreet dolore magna aliquam tincidunt erat volutpat laoreet dolore magna aliquam tincidunt erat volutpat.</p>												<p><a href="#">www.mywebsite.com</a></p>												<ul class="unstyled inline">													<li><i class="icon-map-marker"></i> Spain</li>													<li><i class="icon-calendar"></i> 18 Jan 1982</li>													<li><i class="icon-briefcase"></i> Design</li>													<li><i class="icon-star"></i> Top Seller</li>													<li><i class="icon-heart"></i> BASE Jumping</li>												</ul>											</div>											<!--end span8-->											<div class="span4">												<div class="portlet sale-summary">													<div class="portlet-title">														<div class="caption">Sales Summary</div>														<div class="tools">															<a class="reload" href="javascript:;"></a>														</div>													</div>													<ul class="unstyled">														<li>															<span class="sale-info">TODAY SOLD <i class="icon-img-up"></i></span> 															<span class="sale-num">23</span>														</li>														<li>															<span class="sale-info">WEEKLY SALES <i class="icon-img-down"></i></span> 															<span class="sale-num">87</span>														</li>														<li>															<span class="sale-info">TOTAL SOLD</span> 															<span class="sale-num">2377</span>														</li>														<li>															<span class="sale-info">EARNS</span> 															<span class="sale-num">$37.990</span>														</li>													</ul>												</div>											</div>											<!--end span4-->										</div>										<!--end row-fluid-->										<div class="tabbable tabbable-custom tabbable-custom-profile">											<ul class="nav nav-tabs">												<li class="active"><a href="#tab_1_11" data-toggle="tab">Latest Customers</a></li>												<li class=""><a href="#tab_1_22" data-toggle="tab">Feeds</a></li>											</ul>											<div class="tab-content">												<div class="tab-pane active" id="tab_1_11">													<div class="portlet-body" style="display: block;">														<table class="table table-striped table-bordered table-advance table-hover">															<thead>																<tr>																	<th><i class="icon-briefcase"></i> Company</th>																	<th class="hidden-phone"><i class="icon-question-sign"></i> Descrition</th>																	<th><i class="icon-bookmark"></i> Amount</th>																	<th></th>																</tr>															</thead>															<tbody>																<tr>																	<td><a href="#">Pixel Ltd</a></td>																	<td class="hidden-phone">Server hardware purchase</td>																	<td>52560.10$ <span class="label label-success label-mini">Paid</span></td>																	<td><a class="btn mini green-stripe" href="#">View</a></td>																</tr>																<tr>																	<td>																		<a href="#">																		Smart House																		</a>  																	</td>																	<td class="hidden-phone">Office furniture purchase</td>																	<td>5760.00$ <span class="label label-warning label-mini">Pending</span></td>																	<td><a class="btn mini blue-stripe" href="#">View</a></td>																</tr>																<tr>																	<td>																		<a href="#">																		FoodMaster Ltd																		</a>																	</td>																	<td class="hidden-phone">Company Anual Dinner Catering</td>																	<td>12400.00$ <span class="label label-success label-mini">Paid</span></td>																	<td><a class="btn mini blue-stripe" href="#">View</a></td>																</tr>																<tr>																	<td>																		<a href="#">																		WaterPure Ltd																		</a>																	</td>																	<td class="hidden-phone">Payment for Jan 2013</td>																	<td>610.50$ <span class="label label-danger label-mini">Overdue</span></td>																	<td><a class="btn mini red-stripe" href="#">View</a></td>																</tr>																<tr>																	<td><a href="#">Pixel Ltd</a></td>																	<td class="hidden-phone">Server hardware purchase</td>																	<td>52560.10$ <span class="label label-success label-mini">Paid</span></td>																	<td><a class="btn mini green-stripe" href="#">View</a></td>																</tr>																<tr>																	<td>																		<a href="#">																		Smart House																		</a>  																	</td>																	<td class="hidden-phone">Office furniture purchase</td>																	<td>5760.00$ <span class="label label-warning label-mini">Pending</span></td>																	<td><a class="btn mini blue-stripe" href="#">View</a></td>																</tr>																<tr>																	<td>																		<a href="#">																		FoodMaster Ltd																		</a>																	</td>																	<td class="hidden-phone">Company Anual Dinner Catering</td>																	<td>12400.00$ <span class="label label-success label-mini">Paid</span></td>																	<td><a class="btn mini blue-stripe" href="#">View</a></td>																</tr>															</tbody>														</table>													</div>												</div>												<!--tab-pane-->												<div class="tab-pane" id="tab_1_22">													<div class="tab-pane active" id="tab_1_1_1">														<div class="scroller" data-height="290px" data-always-visible="1" data-rail-visible1="1">															<ul class="feeds">																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-success">                        																					<i class="icon-bell"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					You have 4 pending tasks.																					<span class="label label-important label-mini">																					Take action 																					<i class="icon-share-alt"></i>																					</span>																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			Just now																		</div>																	</div>																</li>																<li>																	<a href="#">																		<div class="col1">																			<div class="cont">																				<div class="cont-col1">																					<div class="label label-success">                        																						<i class="icon-bell"></i>																					</div>																				</div>																				<div class="cont-col2">																					<div class="desc">																						New version v1.4 just lunched!   																					</div>																				</div>																			</div>																		</div>																		<div class="col2">																			<div class="date">																				20 mins																			</div>																		</div>																	</a>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-important">                      																					<i class="icon-bolt"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					Database server #12 overloaded. Please fix the issue.                      																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			24 mins																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-info">                        																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			30 mins																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-success">                        																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			40 mins																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-warning">                        																					<i class="icon-plus"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New user registered.                																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			1.5 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-success">                        																					<i class="icon-bell-alt"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					Web server hardware needs to be upgraded. 																					<span class="label label-inverse label-mini">Overdue</span>             																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			2 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label">                       																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			3 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-warning">                        																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			5 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-info">                        																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			18 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label">                       																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			21 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-info">                        																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			22 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label">                       																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			21 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-info">                        																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			22 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label">                       																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			21 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-info">                        																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			22 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label">                       																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			21 hours																		</div>																	</div>																</li>																<li>																	<div class="col1">																		<div class="cont">																			<div class="cont-col1">																				<div class="label label-info">                        																					<i class="icon-bullhorn"></i>																				</div>																			</div>																			<div class="cont-col2">																				<div class="desc">																					New order received. Please take care of it.                 																				</div>																			</div>																		</div>																	</div>																	<div class="col2">																		<div class="date">																			22 hours																		</div>																	</div>																</li>															</ul>														</div>													</div>												</div>												<!--tab-pane-->											</div>										</div>									</div>									<!--end span9-->								</div>								<!--end tab-pane-->								<div class="tab-pane profile-classic row-fluid" id="tab_1_2">									<div class="span2"><img src="media/image/profile-img.png" alt="" /> <a href="#" class="profile-edit">edit</a></div>									<ul class="unstyled span10">										<li><span>User Name:</span> JDuser</li>										<li><span>First Name:</span> John</li>										<li><span>Last Name:</span> Doe</li>										<li><span>Counrty:</span> Spain</li>										<li><span>Birthday:</span> 18 Jan 1982</li>										<li><span>Occupation:</span> Web Developer</li>										<li><span>Email:</span> <a href="#">john@mywebsite.com</a></li>										<li><span>Interests:</span> Design, Web etc.</li>										<li><span>Website Url:</span> <a href="#">http://www.mywebsite.com</a></li>										<li><span>Mobile Number:</span> +1 646 580 DEMO (6284)</li>										<li><span>About:</span> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</li>									</ul>								</div>								<!--tab_1_2-->								<div class="tab-pane row-fluid profile-account" id="tab_1_3">									<div class="row-fluid">										<div class="span12">											<div class="span3">												<ul class="ver-inline-menu tabbable margin-bottom-10">													<li class="active">														<a data-toggle="tab" href="#tab_1-1">														<i class="icon-cog"></i> 														Personal info														</a> 														<span class="after"></span>                                    													</li>													<li class=""><a data-toggle="tab" href="#tab_2-2"><i class="icon-picture"></i> Change Avatar</a></li>													<li class=""><a data-toggle="tab" href="#tab_3-3"><i class="icon-lock"></i> Change Password</a></li>													<li class=""><a data-toggle="tab" href="#tab_4-4"><i class="icon-eye-open"></i> Privacity Settings</a></li>												</ul>											</div>											<div class="span9">												<div class="tab-content">													<div id="tab_1-1" class="tab-pane active">														<div style="height: auto;" id="accordion1-1" class="accordion collapse">															<form action="#">																<label class="control-label">First Name</label>																<input type="text" placeholder="John" class="m-wrap span8" />																<label class="control-label">Last Name</label>																<input type="text" placeholder="Doe" class="m-wrap span8" />																<label class="control-label">Mobile Number</label>																<input type="text" placeholder="+1 646 580 DEMO (6284)" class="m-wrap span8" />																<label class="control-label">Interests</label>																<input type="text" placeholder="Design, Web etc." class="m-wrap span8" />																<label class="control-label">Occupation</label>																<input type="text" placeholder="Web Developer" class="m-wrap span8" />																<label class="control-label">Counrty</label>																<div class="controls">																	<input type="text" class="span8 m-wrap" style="margin: 0 auto;" data-provide="typeahead" data-items="4" data-source="[&quot;Alabama&quot;,&quot;Alaska&quot;,&quot;Arizona&quot;,&quot;Arkansas&quot;,&quot;US&quot;,&quot;Colorado&quot;,&quot;Connecticut&quot;,&quot;Delaware&quot;,&quot;Florida&quot;,&quot;Georgia&quot;,&quot;Hawaii&quot;,&quot;Idaho&quot;,&quot;Illinois&quot;,&quot;Indiana&quot;,&quot;Iowa&quot;,&quot;Kansas&quot;,&quot;Kentucky&quot;,&quot;Louisiana&quot;,&quot;Maine&quot;,&quot;Maryland&quot;,&quot;Massachusetts&quot;,&quot;Michigan&quot;,&quot;Minnesota&quot;,&quot;Mississippi&quot;,&quot;Missouri&quot;,&quot;Montana&quot;,&quot;Nebraska&quot;,&quot;Nevada&quot;,&quot;New Hampshire&quot;,&quot;New Jersey&quot;,&quot;New Mexico&quot;,&quot;New York&quot;,&quot;North Dakota&quot;,&quot;North Carolina&quot;,&quot;Ohio&quot;,&quot;Oklahoma&quot;,&quot;Oregon&quot;,&quot;Pennsylvania&quot;,&quot;Rhode Island&quot;,&quot;South Carolina&quot;,&quot;South Dakota&quot;,&quot;Tennessee&quot;,&quot;Texas&quot;,&quot;Utah&quot;,&quot;Vermont&quot;,&quot;Virginia&quot;,&quot;Washington&quot;,&quot;West Virginia&quot;,&quot;Wisconsin&quot;,&quot;Wyoming&quot;]" />																	<p class="help-block"><span class="muted">Start typing to auto complete!. E.g: US</span></p>																</div>																<label class="control-label">About</label>																<textarea class="span8 m-wrap" rows="3"></textarea>																<label class="control-label">Website Url</label>																<input type="text" placeholder="http://www.mywebsite.com" class="m-wrap span8" />																<div class="submit-btn">																	<a href="#" class="btn green">Save Changes</a>																	<a href="#" class="btn">Cancel</a>																</div>															</form>														</div>													</div>													<div id="tab_2-2" class="tab-pane">														<div style="height: auto;" id="accordion2-2" class="accordion collapse">															<form action="#">																<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</p>																<br />																<div class="controls">																	<div class="thumbnail" style="width: 291px; height: 170px;">																		<img src="media/image/AAAAAA&amp;text=no+image" alt="" />																	</div>																</div>																<div class="space10"></div>																<div class="fileupload fileupload-new" data-provides="fileupload">																	<div class="input-append">																		<div class="uneditable-input">																			<i class="icon-file fileupload-exists"></i> 																			<span class="fileupload-preview"></span>																		</div>																		<span class="btn btn-file">																		<span class="fileupload-new">Select file</span>																		<span class="fileupload-exists">Change</span>																		<input type="file" class="default" />																		</span>																		<a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>																	</div>																</div>																<div class="clearfix"></div>																<div class="controls">																	<span class="label label-important">NOTE!</span>																	<span>You can write some information here..</span>																</div>																<div class="space10"></div>																<div class="submit-btn">																	<a href="#" class="btn green">Submit</a>																	<a href="#" class="btn">Cancel</a>																</div>															</form>														</div>													</div>													<div id="tab_3-3" class="tab-pane">														<div style="height: auto;" id="accordion3-3" class="accordion collapse">															<form action="#">																<label class="control-label">Current Password</label>																<input type="password" class="m-wrap span8" />																<label class="control-label">New Password</label>																<input type="password" class="m-wrap span8" />																<label class="control-label">Re-type New Password</label>																<input type="password" class="m-wrap span8" />																<div class="submit-btn">																	<a href="#" class="btn green">Change Password</a>																	<a href="#" class="btn">Cancel</a>																</div>															</form>														</div>													</div>													<div id="tab_4-4" class="tab-pane">														<div style="height: auto;" id="accordion4-4" class="accordion collapse">															<form action="#">																<div class="profile-settings row-fluid">																	<div class="span9">																		<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus..</p>																	</div>																	<div class="control-group span3">																		<div class="controls">																			<label class="radio">																			<input type="radio" name="optionsRadios1" value="option1" />																			Yes																			</label>																			<label class="radio">																			<input type="radio" name="optionsRadios1" value="option2" checked />																			No																			</label>  																		</div>																	</div>																</div>																<!--end profile-settings-->																<div class="profile-settings row-fluid">																	<div class="span9">																		<p>Enim eiusmod high life accusamus terry richardson ad squid wolf moon</p>																	</div>																	<div class="control-group span3">																		<div class="controls">																			<label class="checkbox">																			<input type="checkbox" value="" /> All																			</label>																			<label class="checkbox">																			<input type="checkbox" value="" /> Friends																			</label>																		</div>																	</div>																</div>																<!--end profile-settings-->																<div class="profile-settings row-fluid">																	<div class="span9">																		<p>Pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson</p>																	</div>																	<div class="control-group span3">																		<div class="controls">																			<label class="checkbox">																			<input type="checkbox" value="" /> Yes																			</label>																		</div>																	</div>																</div>																<!--end profile-settings-->																<div class="profile-settings row-fluid">																	<div class="span9">																		<p>Cliche reprehenderit enim eiusmod high life accusamus terry</p>																	</div>																	<div class="control-group span3">																		<div class="controls">																			<label class="checkbox">																			<input type="checkbox" value="" /> Yes																			</label>																		</div>																	</div>																</div>																<!--end profile-settings-->																<div class="profile-settings row-fluid">																	<div class="span9">																		<p>Oiusmod high life accusamus terry richardson ad squid wolf fwopo</p>																	</div>																	<div class="control-group span3">																		<div class="controls">																			<label class="checkbox">																			<input type="checkbox" value="" /> Yes																			</label>																		</div>																	</div>																</div>																<!--end profile-settings-->																<div class="space5"></div>																<div class="submit-btn">																	<a href="#" class="btn green">Save Changes</a>																	<a href="#" class="btn">Cancel</a>																</div>															</form>														</div>													</div>												</div>											</div>											<!--end span9-->                                   										</div>									</div>								</div>								<!--end tab-pane-->								<div class="tab-pane" id="tab_1_4">									<div class="row-fluid add-portfolio">										<div class="pull-left">											<span>502 Items sold this week</span>										</div>										<div class="pull-left">											<a href="#" class="btn icn-only green">Add a new Project <i class="m-icon-swapright m-icon-white"></i></a>                          										</div>									</div>									<!--end add-portfolio-->									<div class="row-fluid portfolio-block">										<div class="span5 portfolio-text">											<img src="media/image/logo_metronic.jpg" alt="" />											<div class="portfolio-text-info">												<h4>Metronic - Responsive Template</h4>												<p>Lorem ipsum dolor sit consectetuer adipiscing elit.</p>											</div>										</div>										<div class="span5" style="overflow:hidden;">											<div class="portfolio-info">												Today Sold												<span>187</span>											</div>											<div class="portfolio-info">												Total Sold												<span>1789</span>											</div>											<div class="portfolio-info">												Earns												<span>$37.240</span>											</div>										</div>										<div class="span2 portfolio-btn">											<a href="#" class="btn bigicn-only"><span>Manage</span></a>                      										</div>									</div>									<!--end row-fluid-->									<div class="row-fluid portfolio-block">										<div class="span5 portfolio-text">											<img src="media/image/logo_azteca.jpg" alt="" />											<div class="portfolio-text-info">												<h4>Metronic - Responsive Template</h4>												<p>Lorem ipsum dolor sit consectetuer adipiscing elit.</p>											</div>										</div>										<div class="span5">											<div class="portfolio-info">												Today Sold												<span>24</span>											</div>											<div class="portfolio-info">												Total Sold												<span>660</span>											</div>											<div class="portfolio-info">												Earns												<span>$7.060</span>											</div>										</div>										<div class="span2 portfolio-btn">											<a href="#" class="btn bigicn-only"><span>Manage</span></a>                      										</div>									</div>									<!--end row-fluid-->									<div class="row-fluid portfolio-block">										<div class="span5 portfolio-text">											<img src="media/image/logo_conquer.jpg" alt="" />											<div class="portfolio-text-info">												<h4>Metronic - Responsive Template</h4>												<p>Lorem ipsum dolor sit consectetuer adipiscing elit.</p>											</div>										</div>										<div class="span5" style="overflow:hidden;">											<div class="portfolio-info">												Today Sold												<span>24</span>											</div>											<div class="portfolio-info">												Total Sold												<span>975</span>											</div>											<div class="portfolio-info">												Earns												<span>$21.700</span>											</div>										</div>										<div class="span2 portfolio-btn">											<a href="#" class="btn bigicn-only"><span>Manage</span></a>                      										</div>									</div>									<!--end row-fluid-->								</div>								<!--end tab-pane-->								<div class="tab-pane row-fluid" id="tab_1_6">									<div class="row-fluid">										<div class="span12">											<div class="span3">												<ul class="ver-inline-menu tabbable margin-bottom-10">													<li class="active">														<a data-toggle="tab" href="#tab_1">														<i class="icon-briefcase"></i> 														General Questions														</a> 														<span class="after"></span>                                    													</li>													<li><a data-toggle="tab" href="#tab_2"><i class="icon-group"></i> Membership</a></li>													<li><a data-toggle="tab" href="#tab_3"><i class="icon-leaf"></i> Terms Of Service</a></li>													<li><a data-toggle="tab" href="#tab_1"><i class="icon-info-sign"></i> License Terms</a></li>													<li><a data-toggle="tab" href="#tab_2"><i class="icon-tint"></i> Payment Rules</a></li>													<li><a data-toggle="tab" href="#tab_3"><i class="icon-plus"></i> Other Questions</a></li>												</ul>											</div>											<div class="span9">												<div class="tab-content">													<div id="tab_1" class="tab-pane active">														<div style="height: auto;" id="accordion1" class="accordion collapse">															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_1" data-parent="#accordion1" data-toggle="collapse" class="accordion-toggle collapsed">																	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry ?																	</a>																</div>																<div class="accordion-body collapse in" id="collapse_1">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_2" data-parent="#accordion1" data-toggle="collapse" class="accordion-toggle collapsed">																	Pariatur cliche reprehenderit enim eiusmod highr brunch ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_2">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_3" data-parent="#accordion1" data-toggle="collapse" class="accordion-toggle collapsed">																	Food truck quinoa nesciunt laborum eiusmod nim eiusmod high life accusamus  ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_3">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_4" data-parent="#accordion1" data-toggle="collapse" class="accordion-toggle collapsed">																	High life accusamus terry richardson ad ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_4">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_5" data-parent="#accordion1" data-toggle="collapse" class="accordion-toggle collapsed">																	Reprehenderit enim eiusmod high life accusamus terry quinoa nesciunt laborum eiusmod ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_5">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_6" data-parent="#accordion1" data-toggle="collapse" class="accordion-toggle collapsed">																	Wolf moon officia aute non cupidatat skateboard dolor brunch ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_6">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>														</div>													</div>													<div id="tab_2" class="tab-pane">														<div style="height: auto;" id="accordion2" class="accordion collapse">															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_2_1" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed">																	Cliche reprehenderit, enim eiusmod high life accusamus enim eiusmod ?																	</a>																</div>																<div class="accordion-body collapse in" id="collapse_2_1">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_2_2" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed">																	Pariatur cliche reprehenderit enim eiusmod high life non cupidatat skateboard dolor brunch ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_2_2">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_2_3" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed">																	Food truck quinoa nesciunt laborum eiusmod ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_2_3">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_2_4" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed">																	High life accusamus terry richardson ad squid enim eiusmod high ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_2_4">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_2_5" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed">																	Reprehenderit enim eiusmod high life accusamus terry quinoa nesciunt laborum eiusmod ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_2_5">																	<div class="accordion-inner">																		<p>																			Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																		</p>																		<p> 																			moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmodBrunch 3 wolf moon tempor																		</p>																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_2_6" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed">																	Wolf moon officia aute non cupidatat skateboard dolor brunch ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_2_6">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_2_7" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed">																	Reprehenderit enim eiusmod high life accusamus terry quinoa nesciunt laborum eiusmod ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_2_7">																	<div class="accordion-inner">																		<p>																			Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																		</p>																		<p> 																			moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmodBrunch 3 wolf moon tempor																		</p>																	</div>																</div>															</div>														</div>													</div>													<div id="tab_3" class="tab-pane">														<div style="height: auto;" id="accordion3" class="accordion collapse">															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_3_1" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle collapsed">																	Cliche reprehenderit, enim eiusmod ?																	</a>																</div>																<div class="accordion-body collapse in" id="collapse_3_1">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_3_2" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle collapsed">																	Pariatur skateboard dolor brunch ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_3_2">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_3_3" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle collapsed">																	Food truck quinoa nesciunt laborum eiusmod ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_3_3">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_3_4" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle collapsed">																	High life accusamus terry richardson ad squid enim eiusmod high ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_3_4">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_3_5" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle collapsed">																	Reprehenderit enim eiusmod high  eiusmod ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_3_5">																	<div class="accordion-inner">																		<p>																			Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																		</p>																		<p> 																			moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmodBrunch 3 wolf moon tempor																		</p>																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_3_6" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle collapsed">																	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_3_6">																	<div class="accordion-inner">																		Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_3_7" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle collapsed">																	Reprehenderit enim eiusmod high life accusamus aborum eiusmod ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_3_7">																	<div class="accordion-inner">																		<p>																			Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																		</p>																		<p> 																			moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmodBrunch 3 wolf moon tempor																		</p>																	</div>																</div>															</div>															<div class="accordion-group">																<div class="accordion-heading">																	<a href="#collapse_3_8" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle collapsed">																	Reprehenderit enim eiusmod high life accusamus terry quinoa nesciunt laborum eiusmod ?																	</a>																</div>																<div class="accordion-body collapse" id="collapse_3_8">																	<div class="accordion-inner">																		<p>																			Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.																		</p>																		<p> 																			moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmodBrunch 3 wolf moon tempor																		</p>																	</div>																</div>															</div>														</div>													</div>												</div>											</div>											<!--end span9-->                                   										</div>									</div>								</div>								<!--end tab-pane-->							</div>						</div>						<!--END TABS-->					</div>				</div>				<!-- END PAGE CONTENT-->			</div>			<!-- END PAGE CONTAINER--> 		</div>		<!-- END PAGE -->    	</div>	<!-- END CONTAINER -->	<!-- BEGIN FOOTER -->	<div class="footer">		<div class="footer-inner">			2013 &copy; Metronic by keenthemes.		</div>		<div class="footer-tools">			<span class="go-top">			<i class="icon-angle-up"></i>			</span>		</div>	</div>	<!-- END FOOTER -->	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->	<!-- BEGIN CORE PLUGINS -->	<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>	<script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->	<script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      	<script src="media/js/bootstrap.min.js" type="text/javascript"></script>	<!--[if lt IE 9]>	<script src="media/js/excanvas.min.js"></script>	<script src="media/js/respond.min.js"></script>  	<![endif]-->   	<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>	<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>  	<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>	<script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script>	<!-- END CORE PLUGINS -->	<!-- BEGIN PAGE LEVEL PLUGINS -->	<script type="text/javascript" src="media/js/bootstrap-fileupload.js"></script>	<script type="text/javascript" src="media/js/chosen.jquery.min.js"></script>	<!-- END PAGE LEVEL PLUGINS -->	<!-- BEGIN PAGE LEVEL SCRIPTS -->	<script src="media/js/app.js"></script>      	<!-- END PAGE LEVEL SCRIPTS -->	<script>		jQuery(document).ready(function() {       		   // initiate layout and plugins		   App.init();		});	</script>	<!-- END JAVASCRIPTS --><script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script></body><!-- END BODY --></html>